﻿<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script src="css/wp/jquery.mobile.wp.theme.init.js" type="text/javascript"></script>
    <script src="js/jquery.globalstylesheet.js" type="text/javascript"></script>
    <script src="js/jquery.mobile.themeswitcher.js" type="text/javascript"></script>

    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="js/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>

</head>
<body>

    <div data-role="page">
        <div id="Page1" data-role="page">
            <div data-role="content">
                <div>
                    First page of content.
                </div>
                <a href="test.html" data-role="button">See Multi-Page Template</a>
                <a href="#Page2" data-role="button">Next Page</a>
                <!-- Link to other pages using the # notation -->
            </div>
        </div>
        <div id="Page2" data-role="page">
            <div data-role="content">
                This is the page's content.  To view a multi-page template using this button:
        <a href="#Page1" data-role="button">Previous Page</a>
                <a href="#Page3" data-role="button">Next Page</a>
            </div>
        </div>
        <div id="Page3" data-role="page">
            <div data-role="content">
                <div>
                    Third page of content.
                </div>
                <a href="#Page2" data-role="button">Previous Page</a>
            </div>
        </div>
    </div>
    <!-- /page -->

</body>
</html>
